<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网页菜单</title>
		<style>
			ul{
				list-style: none;/*去掉<ul>所有内容前修饰的点*/
			}
			li{/*内容默认自动换行*/
				float: left;/*float浮动,元素追加不换行*/
				margin-right: 10px;/*margin四周留空白,外边距*/
				background-color: #00aaff;/*设置背景色*/
				padding: 5px 10px 5px 10px;/*内边距:四个参数依次为:上右下左*/
				border-radius: 5px;
			}
			li:hover{/*鼠标操作事件-hover->移入后变化,移出后自动还原,注意:后面不能敲空格*/
				background-color: #ff007f;/*设置鼠标移入是背景色*/
			}
			a{
				text-decoration: none;/*去掉文字修饰*/
				color: white;/*设置字体颜色*/
			}
		</style>
	</head>
	<body>
		<!--<ul>分组标签  <li>条目标签 -->
		<ul>
			<!-- <a>超链接标签, href属性表示链接的网站地址 targrt属性设置是否弹出-->
			<li><a href="http://www.w3school.com.cn" target="_blank">W3school</a></li>
			<li><a href="https://www.runoob.com" target="_blank">菜鸟教程</a></li>
			<li><a href="http://www.cnblogs.com" target="_blank">博客园</a></li>
			<li><a href="http://www.csdn.net" target="_blank">CSDN</a></li>
			<li><a href="http://www.segmentfault.com/" target="_blank">思否</a></li>
		</ul>
		
	</body>
</html>
